/* 公共样式 */

@font-face {
    font-family: "iconfont"; /* Project id  */
    src: url('iconfont.ttf?t=1659516817886') format('truetype');
  }

/* 版心 */
.w {
    width: 1200px;
    margin: 0 auto;
}

.shortcut {
    height: 31px;
    background-color: #f1f1f1;
    color: #666;
    text-align: 31px;
    line-height: 31px;

}

/* 左浮动 */
.fl {
    float: left;
}

/* 右浮动 */
.fr {
    float: right;

}
.default {
    border: 1px solid red;
}
.shortcut ul li {
    float: left;
}

.style_red {
    color: #c81623;
}

/* li:nth-child(even) 所有偶数li */
.shortcut .fr ul li:nth-child(even) {
    width: 1px;
    height: 12px;
    background-color: #666;
    margin: 9px 15px 0px;
}

.icon_down::after {
    content: '\e65e';   /* 如果写在这里的话，将e前面的‘&#x’用‘\’代替，去掉分号 写在html中可以不用替换*/
    font-family: "iconfont";  /* 这个是该图案对应的样式，一定要写 */
    margin-left: 6px;

}

.header {
    height: 103px;
    position: relative;/* 作为绝对定位的容器快 */

    
}
.logo {
    width: 175px;
    height: 56px;
    position: absolute;  /* 子绝 父行*/
    top: 25px;
}
 .logo a{
    display: block;
    width: 175px;
    height: 56px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    font-size: 0;   /* 隐藏文字 */
}

.search {
    position: absolute;
    top: 25px;
    left: 346px;
    width: 538px;
    height: 36px;
    border: 2px solid #b1191a;
}
.search input {
    float: left;  /* 解决搜索框 和 button 之间空隙的方法 */
    width: 454px;
    height: 32px;
    padding-left: 10px;
}
.search button {
    height: 32px;
    width: 80px;
    background-color: #b1191a;
    font-size: 16px;
    color: white;
}

.hotwords {
    position: absolute;
    left: 346px;
    top: 66px;


}
.hotwords a {
    margin: 0 10px;
}

.shopcar {
    position: absolute;
    right: 60px;
    top: 25px;
    width: 140px;
    height: 35px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    line-height: 35px;
    text-align: center;
}
.shopcar::before{
    content: '\e6ae';
    font-family: "iconfont";
    margin-right: 10px;
    color: #b1191a;
    font-size: 15px;
}
.shopcar::after{
    font-family: "iconfont";
    content: '\e62e';
    font-weight:bolder;
}
.count {
    position: absolute;
    background-color: #e60012;
    height:14px;
    line-height: 14px;  /* 数字9 继承了行高35px */
    border-radius: 7px 7px 7px 0;
    color: white;
    padding: 0 5px;
    top: -5px;
}

.nav {
    height: 43px;
    border-bottom: 2px solid #b1191a;
}
.dropdown {
    width: 210px;
}
.dropdown .dt{
    height: 42px;
    background-color: #b1191a;
    color: white;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
}
.classifyRight li {
    float: left;
    margin: 0 25px;
    line-height: 42px;
    font-size: 16px;
}
.dropdown .dd {
    /* display: none; */
    width: 210px;
    height: 465px;
    background-color: #c81623;
}
.dd li {
    position: relative;
    height: 31px;
    line-height: 31px;
    padding-left: 10px;
    margin-left: 2px;
    color: white;
}
.dd li:hover {
    background-color: #f7f7f7;
    color: #c81623;
}
.dd li a {
    font-size: 14px;
    color: white;
}

.dd li:hover a{
    color: #c81623;
}
.font-common::after {
    position: absolute;
    font-family: "iconfont";
    content: '\e62e';
    right: 5px;
    font-size: 5px;
    font-weight:bold;
}

.footer {
    height: 415px;
    background-color: #f0efef;
}
.footer .mod_service {
    /* float: left; */
    height: 110px;
    border-bottom: 1px solid #cccccc;
    padding-top: 30px;
}
.footer .mod_service ul li {
    float: left;
    width: 240px;
    height: 50px;
    padding-left: 36px;
}

.footer .mod_service ul li h5{
    float: left;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat -252px -2px;
    margin-right: 6px;
}
.footer .mod_service ul li .footer_img2 {
    background: url(../images/icons.png) no-repeat -253px -55px;
}
.footer .mod_service ul li .footer_img3 {
    background: url(../images/icons.png) no-repeat -257px -105px;
}
.footer .mod_service ul li .footer_img4 {
    background: url(../images/icons.png) no-repeat -257px -157px;
}
.footer .mod_service ul li .footer_img5 {
    background: url(../images/icons.png) no-repeat -256px -208px;
}

.footer .mod_service ul li .footer_img5 {
    background: url(../images/icons.png) no-repeat -256px -208px;
}

 .mod_service ul li h4 {
    font-size: 14px;

}
 .mod_service ul li p {
    font-size: 12px;

}

 .mod_help {
    border-bottom: 1px solid #cccccc;
    height: 185px;
}
 .mod_help_first {
    margin-left: 50px;
}
 .mod_help dl {
    float: left;
    width: 200px;
    /* margin: 0 50px; */
}
 .mod_help dt {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
}
 .mod_help dd {
    font-size: 12px;
}
 .mod_help dl:last-child {
    text-align: center;
    width: 100px;
}
 .mod_copyright {
    height: 118px;
}
 .mod_copyright {
    text-align: center;

}

 .mod_copyright p{
    margin-top: 20px;
    
}
 .mod_copyright p a {
    margin: 0 15px;
}

